
<!DOCTYPE HTML>
<html>
<head>
<title>添加系统用户与角色</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href="css/font-awesome.css" rel="stylesheet"> 
<script src="js/jquery.min.js"> </script>
<!-- Mainly scripts -->
<script src="js/jquery.metisMenu.js"></script>
<script src="js/jquery.slimscroll.min.js"></script>
<!-- Custom and plugin javascript -->
<link href="css/custom.css" rel="stylesheet">
<script src="js/custom.js"></script>
<script src="js/screenfull.js"></script>
		<script>
		$(function () {
			$('#supported').text('Supported/allowed: ' + !!screenfull.enabled);

			if (!screenfull.enabled) {
				return false;
			}

			$('#toggle').click(function () {
				screenfull.toggle($('#container')[0]);
			});

		});
		</script>

<!----->

<!--skycons-icons-->
<script src="js/skycons.js"></script>
<!--//skycons-icons-->
</head>
<body>
<div id="wrapper">

<!----->
        <nav class="navbar-default navbar-static-top" role="navigation">
             <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
               <h1> <a class="navbar-brand" href="http://www.sicosola.com/">SicoSola</a></h1>
			   </div>
			 <div class=" border-bottom">
				 <!--全屏按钮-->
        	<div class="full-left">
        	  <section class="full-top">
				<button id="toggle"><i class="fa fa-arrows-alt"></i></button>	
			</section>
				<!--搜索按钮-->
			<form class=" navbar-left-right">
              <input type="text"  value="搜索..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '搜索...';}">
              <input type="submit" value="" class="fa fa-search">
            </form>
            <div class="clearfix"> </div>
           </div>
     
       
            <!-- Brand and toggle get grouped for better mobile display -->
		 
		   <!-- Collect the nav links, forms, and other content for toggling -->
				 <!--消息通知栏-->
		    <div class="drop-men" >
		        <ul class=" nav_1">
		    		<li class="dropdown at-drop">
		              <a href="#" class="dropdown-toggle dropdown-at " data-toggle="dropdown"><i class="fa fa-globe"></i> <span class="number">2</span></a>
		              <ul class="dropdown-menu menu1 " role="menu">
		                <li><a href="#">
		                	<div class="user-new">
		                	<p>异地登录：美国洛杉矶</p>
		                	<span>3分钟前</span>
		                	</div>
		                	<div class="user-new-left">
		                
		                	<i class="fa fa-heart"></i>
		                	</div>
		                	<div class="clearfix"> </div>
		                </a></li>
		                <li><a href="#">
		                	<div class="user-new">
		                	<p>你已经更改了你的性别</p>
		                	<span>昨天</span>
		                	</div>
		                	<div class="user-new-left">
		                
		                	<i class="fa fa-info"></i>
		                	</div>
		                	<div class="clearfix"> </div>
		                </a></li>
		                <li><a href="#" class="view">查看所有消息</a></li>
		              </ul>
		            </li>
					<!--用户头像-->
					<li class="dropdown">
		              <a href="#" class="dropdown-toggle dropdown-at" data-toggle="dropdown"><span class=" name-caret">系统管理员<i class="caret"></i></span><img src="images/wo.jpg"></a>
		              <ul class="dropdown-menu " role="menu">
		                <li><a href="javascript:void (0)"><i class="fa fa-user"></i>更改信息</a></li>
		                <li><a href="javascript:void (0)"><i class="fa fa-calendar"></i>日程计划</a></li>
		                <li><a href="javascript:void (0)"><i class="fa fa-clipboard"></i>我的任务安排</a></li>
		              </ul>
		            </li>
		           
		        </ul>
		     </div><!-- /.navbar-collapse -->
			<div class="clearfix">
       
     </div>

			<!--侧边导航栏-->
		    <div class="navbar-default sidebar" role="navigation">
                <div class="sidebar-nav navbar-collapse">
                <ul class="nav" id="side-menu">
					<!--首页-->
                    <li>
                        <a href="index.html" class=" hvr-bounce-to-right"><i class="fa fa-dashboard nav_icon "></i><span class="nav-label">首页</span> </a>
                    </li>
                   <!--销售管理-->
                    <li>
                        <a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-indent nav_icon"></i> <span class="nav-label">销售管理</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li><a href="javascript:void (0)" class=" hvr-bounce-to-right"> <i class="fa fa-area-chart nav_icon"></i>销售统计</a></li>
						    <li><a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-file-text-o nav_icon"></i>销售功能</a></li>
					   </ul>
                    </li>
					<!--原料管理-->
					 <li>
                        <a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-inbox nav_icon"></i> <span class="nav-label">原料管理</span> </a>
                    </li>
                    <!--生产管理-->
                    <li>
                        <a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-picture-o nav_icon"></i> <span class="nav-label">生产管理</span> </a>
                    </li>
					<!--仓储管理-->
					<li>
						<a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-picture-o nav_icon"></i> <span class="nav-label">仓储管理</span> </a>
					</li>
					<!--财务管理-->
                     <li>
                        <a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-th nav_icon"></i> <span class="nav-label">财务管理</span> </a>
                    </li>
					<!--系统管理-->
					<li>
						<a href="javascript:void (0)" class=" hvr-bounce-to-right"><i class="fa fa-cog nav_icon"></i> <span class="nav-label">系统管理</span><span class="fa arrow"></span></a>
					</li>
                </ul>
            	</div>
			</div>
			</div>
		</nav>


	<div id="page-wrapper" class="gray-bg dashbard-1">
		<div class="content-main">
			<!--路径导航-->
			<!--banner-->
			<div class="banner">
				<h2>
					<a href="index.html">首页</a>
					<i class="fa fa-angle-right"></i>
					<span>系统管理</span>
					<i class="fa fa-angle-right"></i>
					<span>用户管理</span>
					<i class="fa fa-angle-right"></i>
					<span>添加用户或角色</span>
				</h2>
			</div>

			<div class="content-top">
				<!--添加角色表单-->
				<div class="col-md-6 col-md-push-6 compose" >
					<h2>添加角色</h2>
					<div class="tab-pane active text-style" id="tab1">
						<div class="inbox-right">
							<div class="mailbox-content">
								<form action="#" method="POST">
									<div class="form-group">
										<label for="role_realName">角色名:</label>
										<input type="text" class="form-control" required="" id="role_realName">
									</div>
									<div class="form-group">
										<label for="role_Name">角色代号:</label>
										<input type="text" class="form-control" required="" id="role_Name">
									</div>
									<div class="form-group">
										<label for="che">权限范围:</label>
										<div class="checkbox-inline"><label><input id="che" type="checkbox">系统管理权限</label></div>
										<div class="checkbox-inline"><label><input type="checkbox">仓储管理权限</label></div>
										<div class="checkbox-inline"><label><input type="checkbox">原料管理权限</label></div>
										<div class="checkbox-inline"><label><input type="checkbox">财务管理权限</label></div>
										<div class="checkbox-inline"><label><input type="checkbox">生产管理权限</label></div>
										<div class="checkbox-inline"><label><input type="checkbox">市场管理权限</label></div>
										<div class="checkbox-inline"><label><input type="checkbox">市场业务权限</label></div>
										<div class="checkbox-inline"><label><input type="checkbox">决策权限</label></div>
									</div>
									<div>
										<input class="btn-success btn" type="submit" value="保存">
										<input class="btn-warning btn" type="reset" value="重置">
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-6 col-md-pull-6 compose" >
					<h2>添加用户</h2>
					<div class="tab-pane active text-style" id="tab2">
						<div class="inbox-right">
							<div class="mailbox-content">
								<form action="#" method="POST">
									<div class="form-group">
										<label for="account_name">用户名:</label>
										<input type="text" class="form-control" required="" id="account_name">
									</div>
									<div class="form-group">
										<label for="mal">性别:</label>
										<div class="radio-inline"><label><input id="mal" name="sex" type="radio" value="tr" checked> 男</label></div>
										<div class="radio-inline"><label><input name="sex" type="radio" value="fa"> 女</label></div>
									</div>
									<div class="form-group">
										<label for="selector1">部门:</label>
										<select name="selector1" id="selector1" class="form-control">
											<option>市场部</option>
											<option>生产部</option>
											<option>行政部</option>
										</select>
									</div>
									<div class="form-group">
										<label for="acc_No">工号:</label>
										<input type="text" class="form-control" id="acc_No" required="">
									</div>
									<div class="form-group">
										<label for="head_img">头像:</label>
										<input type="file" id="head_img">
									</div>
									<div class="form-group">
										<label for="email">登录邮箱:</label>
										<input type="email" id="email" required class="form-control">
									</div>
									<div class="form-group">
										<label for="pwd">登录密码:</label>
										<input type="text" id="pwd" required class="form-control">
									</div>
									<div class="form-group">
										<label for="tel">联系电话:</label>
										<input type="tel" id="tel"  class="form-control">
									</div>
									<div class="form-group">
										<label for="chek">用户角色:</label>
										<div class="checkbox-inline"><label><input id="chek" type="checkbox">系统管理员</label></div>
										<div class="checkbox-inline"><label><input type="checkbox">决策人员</label></div>
										<div class="checkbox-inline"><label><input type="checkbox">销售业务员</label></div>
									</div>
									<div class="form-group">
										<label for="memo">备注:</label>
										<textarea id="memo" class="form-control" rows="3"></textarea>
									</div>
									<div>
										<input class="btn-success btn" type="submit" value="保存">
										<input class="btn-warning btn" type="reset" value="重置">
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>

				<div class="clearfix"></div>

			</div>

		</div>
	</div>

    </div>


	 
		<!---->
	<div class="copy">
		<p> &copy; 2016 SicoSola. All Rights Reserved</p>
	</div>


<!---->
<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	<script src="js/bootstrap.min.js"> </script>
</body>
</html>

